<template>
	<div class="subject">
		<div id="TalionNav">
			<header class="TalionNav">
				<div class="TalionNav-primary">
					<router-link  to="/">
						<h1>豆瓣</h1>
					</router-link>
					<nav>
						<ul>
							<li>
								<router-link  to="movie" style="color: #2384E8;">电影</router-link>
							</li>
							<li>
								<router-link  to="/" style="color: #9F7860;">图书</router-link>
							</li>
							<li>
								<router-link  to="/" style="color: #E4A813;">广播</router-link>
							</li>
							<li>
								<router-link  to="/" style="color: #2AB8CC;">小组</router-link>
							</li>
						</ul>
						<span class=""></span>
					</nav>
				</div>
			</header>
		</div>
		<router-view></router-view>
	</div>
</template>

<script>
	export default{
		name:"subject",
		data(){
			return{

			}
		}
	}
</script>

<style scoped>
	.TalionNav {
	    position: fixed;
	    left: 0;
	    right: 0;
	    top: 0;
	    z-index: 9999;
	    background: #fff;
	}
	.TalionNav-primary {
	    border-bottom: 1px solid #f3f3f3;
	    display: flex;
	    -webkit-box-pack: justify;
	    justify-content: space-between;
	    -webkit-box-align: center;
	    align-items: center;
	    padding: 0 0.18rem;
	    background: #fff;
	    height: 0.47rem;
	    box-sizing: border-box;
	    display: -webkit-box;
	    
	}
	.TalionNav-primary h1 {
	    margin: 0;
	    padding: 0;
	    color: #00b600;
	    font-size: 0;
	    background: url('../../../static/img/logo.png') no-repeat;
	    background-size: cover;
	    height: 0.22rem;
	    width: 0.46rem;
	    display: inline-block;
	}
	.TalionNav-primary nav {
    	display: flex;
    	justify-content: flex-end;
    	-ms-align-items: center;
    	align-items: center;
	}
	.TalionNav-primary nav ul{
    	display: flex;
	}
	.TalionNav-primary nav li {
	    font-size: 0.15rem;
	    margin-right: 0.19rem;
	}
	.TalionNav-primary nav span {
	    font-size: 0;
	    background: url('../../../static/img/search.png') no-repeat;
	    background-size: cover;
	    width: 0.2457143rem;
	    height: 0.1828571rem;
	    margin-top: 0.04rem;
	    position: relative;
	}
</style>